.BeamMap001 {
	width: 100%;
	height: 100%;
	overflow: hidden;

	& > .BeamMap {
		width: 100vw;
		height: calc(100vh + 30px);
		position: relative;
		z-index: 1;
	}

	& > .Bottom {
		position: absolute;
		left: calc(50vw - 300px);
		bottom: 80px;
		width: 600px;
		height: 140px;
		background: var(--ItemTitleChildren);
		border-radius: 10px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;

		& > div {
			width: 28%;
			margin: 10px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 18px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #ffffff;

			& > div:nth-child(1) {
				width: 18px;
				height: 18px;
				margin-right: 10px;
			}
		}
	}

	& > img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		pointer-events: none;
	}

	.mars3d-popup-animation {
		animation-fill-mode: none;

		& > span {
			display: none;
		}

		& > .mars3d-popup-content-wrapper,
		.mars3d-popup-background {
			background: transparent !important;
			box-shadow: none;
		}
		.mars3d-popup-tip-container {
			display: none;
		}

		.mars3d-popup-content {
			margin: 0;
		}

		.BeamModalBox {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 1;

			& > img {
				position: absolute;
				left: calc(50% - 10px);
				bottom: 0;
				width: 20px;
				height: 18px;
				z-index: -1;
				display: block;
			}

			& > div {
				position: relative;
				z-index: 1;
				height: 100px;
				width: 100px;
				display: flex;
				align-items: center;
				justify-content: center;

				&.first,
				&.last {
					width: 132px;
				}

				&.first {
					& > div {
						margin-left: 30px;
					}
				}

				&.last {
					& > div {
						margin-right: 30px;
					}
				}

				& > img {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					display: block;
					z-index: -1;
				}

				& > div {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 90px;
					height: 35px;
					border-radius: 50px;
					opacity: 1;
					border: 2px solid #ffffff;
					background: linear-gradient(
						rgba(0, 102, 100, 1),
						rgba(5, 75, 149, 1)
					);
					font-size: 14px;
					font-family: ShuHeiTi;
					font-weight: bold;
					color: #ffffff;
					cursor: pointer;
				}
			}
		}
	}
}
